*{
    margin: 0;
    padding: 0;
    list-style: none;
}
body{
    font-family: arial,Tahoma,Geneva;
    font-size: 12px;
}
div.clear{
    clear: both;
}
.fl{float: left;}
.fr{float: right;}
@color:#6C6C6C;
@hoverColor:#ED155B;
a{
    //去掉下划线
    text-decoration: none;
    border: none;
    border: 0;
    color: #fff;
}
img{
    border: none;
}
/*首页CSS开始*/

//顶部搜索固定条开始
#search{
     width: 100%;
     height: 0px;
     background: #000;
     opacity: 0.8;
     filter:alpha(opacity=80);
     //固定定位
     position:fixed;
     overflow: hidden;
     z-index: 17px;
     .center{
         width: 1090px;
         height: 50px;
         margin: 0 auto;
         background: #000;
         .b1{
              float: left;
              width: 262px;
              height: 50px;
              background: url(../images/bg-img/png24_001.png) no-repeat;
              margin-left: 10px;
            }
         .b2{
              float: left;
              width: 666px;
              height: 47px;
              margin: 0;
              .a1{
                   // 转为块级标签
                   display: block;
                   float:left;
                   width: 550px;
                   height:20px;
                   padding: 6px 0;
                   //border：0 none；前面的0是针对ie6和ie7的兼容，后面的none是针对标准浏览器的。
                   border: 0 none;
                   padding-left:5px;
                   margin-top: 10px;
                }
              .a2{
                   width: 81px;
                   height: 32px;
                   margin-top: 10px;
                   background: #ed145b;
                   border: 1px solid #ed145b;
                   color: #fff;
                   cursor: pointer;
                 }
            }
     }     
}
//顶部搜索固定条结束

//主体页面开始

//登录注册开始
#top1{
    width: auto;
    background-color: #F2F2F2; 
    .center{
        width: 1090px;
        height: 29px;
        margin: 0 auto;
        ul{
           float: left;
           height: 29px; 
           li{
               float:left;
               height:29px;
           }
        }
    } 
}
#top1 ul.t1{
    width: 373px;
    height: 29px;
    float: left;
    line-height:29px; 
    li{
        width: 65px;
        color: #6c6c6c;
    }
}
#top1 .t1 li.a1{
    width: 90px;
}
#top1 .t1 li.send {
    position: relative;
    width: 80px;
    border-bottom: none;
    :hover{
        background: #fff;
        border-bottom: none;
        border: 1px solid #F2F2F2; 
    }
    span{
        width: 70px;
        height: 29px;
        display: block;
        float: left;
        padding-left: 9px; 

    }
    b{
        background: url(../images/bg-img/xiaosanjiao.png) no-repeat 0 0;
        display: block;
        width: 6px;
        height: 3px;
        margin-top: -16px;
        margin-left: 66px;
        float: left;
    }
    .address{
        display: none;
    }
}
//给二级菜单加class（.on）
#top1 .t1 .send .address.on{
    width: 440px;
    height: 248px;    
    position: absolute;
    left: 0;
    top: 29px;   
    background: #fff;
    box-shadow: 0 1px 1px 1px #DDD;
    display: block;
//  overflow: hidden;
    ul.a1{
       width: 80px;
       height: 100%;
       float: left; 
       li{
           border-right: 1px solid #ededed;
           border-bottom: 1px solid #ededed;
           text-align: center;
           height: 30px;
           font-size: 12px; 
           color: #3a3a3a;
           line-height: 30px;
           width: 80px;
       }
    }
    ul.a2{
        width: 358px;
        height: 100%;
        float: left;
        li{
            height: 30px;
            width: 100%;
            line-height: 30px;
            border-bottom: 1px solid #ededed;
            a{
                width: 44px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                color: #999;
                display: block;
                float: left;
                margin-left: 5px;
            }
            a:hover{
                color: #ed145b;
                text-decoration: none;
            }
        }
    }   
}
#top1 .t2{
    width: 243px;
    height: 20px;
    float: left;
    margin-left: 174px;
    line-height: 29px;
    li{
        margin-right: 16px;
    }
    .shoucang b{
            background: url(../images/bg-img/bgjl1.png) no-repeat 0 0;
            display: block;
            float: left;
            width: 10px;
            height: 10px;
            margin-top: 10px;
        }
   .shoucang span{
       width: 64px;
       height: 18px;
       display: block;
       float: left;    
   }
   .my{
       margin-right: 5px;
       b{
           background: url(../images/bg-img/xiaosanjiao.png) no-repeat 0 0;
           width: 6px;
           height: 3px;
           display: block;
           margin-top: 13px;
           margin-left: 5px;
           float: left;
       }
       span{
           width: 50px;
           height: 18px;
           display: block;
           float: left;
       }
   }
   .xian{
       height: 14px;
       width: 1px;
       background-color: #DDD;
       float: left;
       margin-left: 12px;
       margin-right: 0;
       margin-top: 10px;     
   }
  
}
#top1 .t3 {
       width: 165px;
       height: 29px;
       float: left;
       margin-left: 10px;
       line-height:29px;
       li{
           margin-right: 5px;
       }
       .shouji b{
           background: url(../images/bg-img/bgjl1.png) no-repeat 0 -21px;
           width: 10px;
           height: 14px;
           display: block;
           margin-top: 7px;
           float: left;              
       }
       .shouji span{
           color: #ED155B;
           width: 64px;
           height: 18px;
           display: block;
           float: left;
           margin-left: 7px;
           width: 50px;
       }
       .koubei b{
           background: url(../images/bg-img/bgjl1.png) no-repeat 0 -45px;
           width: 10px;
           height: 14px;
           display:block;
           float: left;
           margin-top: 7px;   
       }
       .koubei span{
           width: 50px;
           height: 18px;
           display: block;
           float: left;
           margin-left: 7px;
       }
   }
#top1 .t4 {
    width: 120px;
    height: 29px;
    float: left;
    line-height: 29px;
    li{
        margin-right: 6px;
    }
    .chakan b{
        background: url(../images/bg-img/fangkuai.jpg) no-repeat;
        width: 10px;
        height: 14px;
        margin-top: 9px;
        display: block;
        float: left;
    }
    .chakan span{
        width: 64px;
        height: 18px;
        display: block;
        float: left;
        margin-left: 7px;
        width: 50px;
    }
    .more span{
        width: 25px;
        height: 18px;
        display: block;
        float: left;
        margin-left: 7px;
        
    }
    .more b{
        background: url(../images/bg-img/xiaosanjiao.png) no-repeat 0 0;
        width: 6px;
        height: 3px;
        margin-top: 13px;
        margin-left: 3px;
        display: block;
        float: left;        
    }
}      
//登录注册栏结束

//搜索区域开始
#top2{
    margin: 0 auto;
    width: 1090px;
    height: 95px;
    font-family: Microsoft YaHei,tahoma,arial,隆炉Hiragino Sans GB',隆炉\5b8b\4f53',sans-serif;
    .b1{
        width: 275px;
        .logo1{
            display:block;
            float: left;
        }  
        .logo2 {
            margin-top: 22px;
            float: left;
            diaplay: block;
        }    
    }
    .b2{
       float: left;
       width: 552px;
       height: 70px;
       margin-top: 23px;
       margin-left: 75px;
       form {
          width: 538px;
          height: 35px;
          position: relative;
          .search{
              border: 3px solid #ED145B;
              width: 435px;
              height: 31px;
              color: #9999A5;
              text-indent: 5px;
              float: left;
          } 
         .mai{
             background: url(../images/bg-img/mai.png);
             position: absolute;
             left: 417px;
             top: 10px;
             width: 13px;
             height: 19px;
         }
         .submit{
             border: 2px solid #ED145B;
             height: 33px;
             width: 74px;
             background-color: #ED145B;
             color: white;
             font-size: 18px;
             float: left;
             padding-left:18px;
         }
       } 
    }
    .keywords{
        margin-top: 10px;
        li{
            float: left;
            width: 56px;
            height: 20px;
            padding-right: 4px;
            span{
                color: #6c6c6c;
                display: block;
                float: left;
            }
            b{
                width: 1px;
                height: 12px;
                background-color: #6c6c6c;
                display: block;
                float: left;
                margin-left: 18px;
                margin-top: 2px;              
            }
        }
    }
    .b3 .shopping{
        border: 2px solid #E5E5E5;
        float: left;
        margin-top: 23px;
        margin-left: 36px;
        width: 136px;
        height: 36px; 
        .car{
            width: 28px;
            height: 28px;
            background: url(../images/bg-img/cart.gif);
            float: left;
            margin-left:5px;
        }  
        .count{
            float: left;
            margin-left: 10px;
            margin-top: 10px;
            a{
                color: #2F2827;
                font-size: 12px;
                float: left;
            }
            a:hover{
                color: #ED145B;
                font-size: 12px;
            }
        } 
        .sanjiao{
            background: url(../images/bg-img/xiaosanjiao.png) no-repeat 0 0;
            width: 6px;
            height: 3px;
            display: block;
            float: left;
            margin-top: 15px;
            margin-left: 5px;    
        }
    }    
}
//搜索区域结束

//导航条开始
#top3 {
    background: url(../images/bg-img/nav_line.jpg);
    height: 40px;
    margin-top: 10px;
    position: relative;
    z-index: 10;  
    .center{
        margin: 0 auto;
        width: 1090px;
        height: 40px;
//      background: blue;
        color: white;
        font-size: 14px;
        font-family: Microsoft YaHei,tahoma,arial,隆炉Hiragino Sans GB',隆炉\5b8b\4f53',sans-serif; 
        .index{
           width: 96px;
           height: 38px;
           color: white; 
           line-height: 38px;
           text-align: center;
           float: left;
        } 
        .nav{
            width: 545px;
            height: 40px;
            float: left;
            li{
                width: 102px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                float: left;            
            }
            .jisu{
                width: 106px;
                height: 38px;
                position: relative;
                b{
                   background: url(../images/bg-img/flag.png) no-repeat;
                   width: 24px;
                   height: 23px;
                   position: absolute;
                   left: 78px;
                   top: -10px;
                }
                
            }
            .meizhuang {
                width: 96px;
                height: 38px;
                line-height: 38px;
                margin-left: 10px;
                text-align: center;
                float: left;
                background-color: #ED145B;
                height: 40px;
                position: relative;  
                a{
                    width: 60px;
                    height: 40px;
                    margin-left: 13px;
                    float: left;
                }   
                b{
                    background: url(../images/bg-img/xiaosanjiao.png) no-repeat 0 0;
                    width: 6px;
                    height: 3px;
                    margin-top: 20px;
                    margin-left: 5px;
                    display: block;
                    float: left;
                }
                .detail {
                    width: 1091px;
                    height: 306px;
                    border: 1px solid #000;
                    position: absolute;
                    left: -219px;
                    top: 40px;
                    background: #fff;
                    box-shadow: 0 1px 1px 2px #bbb;
                    overflow: hidden;
                    display: none;
                    .a1{
                        width: 273px;
                        height: 299px;
                        float: left;
                        img{
                            display: block;
                            width: 254px;
                            height: 134px;
                            margin: 0 auto;
                            margin-top: 10px;
                        }
                    }
                    .a2{
                        width: 810px;
                        height: 299px;
//                      border: 1px solid red;
                        float: left;
                        .list{
                            width: 260px;
                            height: 134px;
                            float: left;
                            margin-top: 10px;
                            border-right: 1px dotted #e5e5e5;
                        }
                        .list.l3{
                            border-right: none;
                        }
                        .list.l4{
                            padding-top: 10px;
                            margin-top: 0px;
                            border-top: 1px dotted #e5e5e5;
                        }
                        .list.l5{
                            padding-top: 10px;
                            margin-top: 0px;
                            border: 1px dotted #e5e5e5;
                        }
                        .list.l6{
                            padding-top: 10px;
                            margin-top: 0px;
                            border-top:1px dotted #e5e5e5;
                            border-right: none;
                        }
                        .list h3{
                            font-size: 15px;
                            color: #333;
                            font-weight: 700;
                            width: 100%;
                            height: 43px;
                            line-height: 43px;
                            text-indent: 10px;
                            text-align: left;
                            b{
                                background: url(../images/bg-img/new_header_icon.png) no-repeat -2px -175px;
                                display: inline-block;
                                width: 20px;
                                height: 20px;
                                margin-top: 10px;
                                margin-left: 20px;
                            }
                        }
                        .list .con{
                           width: 258px;
                           height: 87px;
                           padding-left: 24px;
                           text-align: left;
                           margin-top: 0px; 
                           overflow: hidden;
                           a{
                               color: #666;
                               font_size: 12px;
                               font-weight: 400;
                               display: block;
                               float: left;
                               width: auto;
                               height: auto;
                               line-height: 18px;
                               margin-right: 23px;
                               margin-top: 7px; 
                           }
                        }
                    }
                }
            }
        } 
    }  
}
#top3 .center .nav .pledge{
    width: 100px;
    height: 40px;
    margin-left: 15px;
    a{
        width: 60px;
        height: 40px;
        float: left;
    }
    b{
        background: url(../images/bg-img/xiaosanjiao.png) no-repeat 0 0;
        width: 6px;
        height: 3px;
        display: block;
        float: left;
        margin-top: 20px;
        margin-left: 5px;
    }
}
#top3 .center .info {
    width: 120px;
    height: 40px;
    float: left;
    margin-left: 300px;
    position: relative;
    .zhen{
        width: 110px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        left: -80px;
        z-index: 5;
        text-indent: 5px;
        overflow: hidden;
        b{
            background: #000 url(../images/bg-img/zhen.jpg) no-repeat; 
            display:block;
            width: 30px;
            height: 30px;
            margin-top: 5px;
            margin-left: 75px;
            float: left;   
        }
    }
    .day30{
       width: 155px;
       height: 40px;
       line-height: 40px;
       position: absolute;
       left: -85px;
       z-index: 4;
       text-indent: 5px;
       overflow: hidden; 
       b{
           background: #000 url(../images/bg-img/day30.jpg) no-repeat;
           display: block;
           width: 30px;
           height: 30px;
           margin-top: 5px;
           margin-left: 121px;
           float: left;
       }
    }
    .car{
        width: 185px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        left: -75px;
        z-index: 3;
        text-indent: 5px;
        overflow: hidden;
        b{
            background: #000 url(../images/bg-img/z03.jpg) no-repeat;
            display:block;
            width: 30px;
            height: 30px;
            margin-top: 5px;
            margin-left: 150px;
            float: left;
        }   
    }
}
//美妆类小导航
#nav2 {
    font-family: Microsoft YaHei,tahoma,arial;
    width: 100%;
    height: 31px;
    color: #484848;
    font-size: 14px;
//  overflow: hidden;
    a{
        color: #484848;
        font-size: 14px;
    }
    .center{
//      overflow: hidden;
        margin: 0 auto;
        width: 1090px;
        height: 31px;
//      background: blue;
        position: relative;
        .sekuai2{
            background: #666;
            height: 1px;
            width: 121px;
            position: absolute;
            left: 9px;
            top: 30px;
        }
    }
    ul{
        float: left;
        width: 550px;
        height: 31px;
        line-height: 31px;
        li.index{
            width: 121px;
            height:31px;
            line-height: 31px;
            font-weight: 700;
            text-align:center;
            //上下为0，左右为10px
            padding: 0 10px;
            
        }
       li{
           color: #484848;
           float: left;
           font-size:14px;
           line-height: 31px;
           padding-left: 15px;
           padding-right: 15px;
           height: 31px;
           a{
               height: 31px;
               display: block;
               color: #484848;
           }
       }
    }   
}
//top4二级导航+轮播图+右侧图片
#bgcolor{
    background-color: #F7F7F7;
    height: 100%;
    width: 100%;
//  overflow: hidden;
}
#top4{
    width: 1090px;
    height: 811px;
    margin: 0 auto;
    margin-top: 15px;
    background: #fff;
    .l{
        width: 200px;
        height: 811px;
        float: left;
        h3.top{
            font-family: Microsoft YaHei,tahoma,arial,隆炉Hiragino Sans GB',隆炉\5b8b\4f53',sans-serif;
            width: 200px;
            height: 45px;
            font-size:14px;
            line-height:45px;
            text-indent: 5px;
            color: #000000;
            font-weight: 700;
            border-bottom: 2px solid #EEEEEE;   
        }
        .allcate{
            width: 200px;
            height: 596px;
            position: relative;
            z-index: 8;
            .son{
                width: 200px;
                height: 80px;
                position: relative;
                border-bottom: 1px dashed #eee;
            }
            .son:hover{
                background: #ececec;
            }
            .son h3{
                font-family: Microsoft YaHei,tahoma,arial;
                width: 200px;
                height: 20px;
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                text-indent: 5px;
                color: #000;
                padding-top: 10px;
            }
            .son .son_cate{
                width: 200px;
                padding-left: 5px;
                height: 38px;
                a{
                    margin-right: 10px;
                    margin-top: 7px;
                    float: left;
                    display: block;
                    color: #333333;
                    font-size: 12px;
                }
            }
        }
    }
}
//二级菜单
#top4 .l .allcate .son .wrap.spec{
    height: auto;    
    display: none;
    ul{
        float:left;
    }
    ul.b1{
        width: 265px;
        height: 400px;
        margin-top: 24px;
        margin-left: 10px;
        overflow: hidden;
        li{
            width: 240px;
            height: auto;
            padding-left: 5px;
            margin-bottom: 12px;
            h3{
               height: 18px;
               line-height: 18px;
               font-size: 15px;
               font-weight: bold;
               font-family: Microsoft YaHei,tahoma,arial,’Hiragino Sans GB;
               color: #000;
               padding-left: 5px;
               padding-top: 0;
               text-indent: 0;
               margin-left: 0; 
               b{
                   width: 3px;
                   height: 12px;
                   background: #434343;
                   display: inline-block;
                   padding: 0px;
                   margin-right: 5px;   
               } 
            }
            div{
                padding: 0;
                width: 250px;
                margin-top: 2px;
                padding-bottom: 15px;
                overflow: hidden;
                border-bottom: 1px dotted #e4e4e4;
                a{
                    display:inline-block;
                    font-size: 12px;
//                  对象离边界的距离(上、右、下、左)
                    padding: 0 10px 0 5px;
                    margin-top: 2px;
                    color: #333;
                    text_decoration: none;
                    line-height: 20px;
                    text-align: center;
                    background: url(../images/bg-img/sub_a_background.jpg) no-repeat right 4px;    
                }
               :hover{
                    color: #ed145b;
                    text-decoration: underline;
                }
            }
        } 
    }
    .b2{
        width: 247px;
        height: 438px;
        background: #FBFBFB;
        h3{
             height: 18px;
             line-height: 18px;
             font-size: 15px;
             font-weight: bold;
             font-family: Microsoft YaHei,tahoma,arial,’Hiragino Sans GB;
             color: #000;
             padding-left: 15px;
             margin-top: 15px; 
             b{
                 width: 3px;
                 height: 12px;
                 background: #434343;
                 display: inline-block;
                 padding: 0px;
                 margin-right: 5px;  
             }
        }
        div{
            width: 209px;
            height: auto;
            overflow: hidden;
            margin-left: 20px;
            margin-top: 5px;
            a{
                display: block;
                float: left;
                width: 80px;
                height: 40px;
                margin-top: 5px;
                margin-right: 5px;
                border: 1px solid #FBFBFB;
            }
            a:hover{
                background-color: #ed145b;
                border: 1px solid #ed145b;
             
            }
            a img{
                width: 80px;
                height: 40px;
            }
            
        }
    }
} 
//当鼠标移入分类的时候，会加on，让原本display:none,变成block；
#top4 .l .allcate .son.on .wrap{
    width: 600px;
    display: block;
}
#top4 .l .allcate .son.on .wrap.spec{
    width: 800px;

}
//从第二行的分类开始，全部都只有左侧一列二级分类
//从第二行到最后一行分类的公用样式
#top4 .l .allcate .son .wrap{
    overflow: hidden;
    display: none;
    padding-bottom: 10px;
    height: auto;
    border: 1px solid #CFCCCA;
    border-left: none;
    box-shadow: 1px 0px 3px 1px #CFCCCA;
    position: absolute;
    left: 200px;
    top: 0px;
    background: #fff;    
    ul.b1{
        width: 328px;
        height: 100%;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        h3{
            height: 18px;
            line-height: 18px;
            font-size: 15px;
            font-weight: bold;
            font-family: Microsoft YaHei,tahoma,arial,’Hiragino Sans GB;
            color: #000;
            padding-left: 5px;
            padding-top: 0;
            text-indent: 0;
            margin-left: 0;
            b{
                width: 3px;
                height: 12px;
                background: #434343;
                display: inline-block;
                padding: 0px;
                margin-right: 5px;
            }
        }
        .every{
            width: 328px;
            height: auto;
            border-bottom: 1px dotted #ddd;
            padding-bottom: 5px;
            margin-top: 10px;
            margin-left: 7px;
//          overflow: hidden;
            li.a1{
                width: 50px;
                height: 18px;
                line-height: 26px;
                float: left;
                padding: 0;
                a{
                   font-family: Microsoft YaHei,tahoma,arial,sans-serif;
                   font-weight: bold;
                   font-size: 12px;
                   color: #000;
                   text-decoration: none; 
                }
                a:hover{
                    color: #ed145b;
                }
            }
            .a2{
                float: left;
                width: 260px;
                height: auto;
                margin-left: 15px;
                a{
                   display: inline-block;
                   font-size: 12px;
                   padding: 0 10px 0 5px;
                   margin-top: 2px;
                   color: #333;
                   text-decoration: none;
                   line-height: 20px;
                   text-align: center;
                   background: url(../images/bg-img/sub_a_background.jpg) no-repeat right 4px;
                }
                a:hover{
                    color: #ed145b;
                }
            }
        }
    }
    ul.b2{
        width: 247px;
        height: auto;
        float: left;
        background: #FBFBFB;
        h3{
            height: 18px;
            line-height: 18px;
            font-size: 15px;
            font-weight: bold;
            font-family: Microsoft YaHei,tahoma,arial,’Hiragino Sans GB;
            color: #000;
            padding-left: 15px;
            margin-top:15px;
            b{
                width: 3px;
                height: 12px;
                background: #434343;
                display: inline-block;
                padding: 0px;
                margin-right: 5px;
            }
        }
        div.top{
            width: 209px;
            height: auto;
            overflow: hidden;
            margin-left:20px;
            margin-top:15px;
            a{
                display:inline-block;
                padding: 0 10px;
                color: #333;
                border: 1px dotted #ccc;
                margin: 0 5px 5px 0;
                text-decoration: none;
                line-height: 27px;
                font-size: 12px;
                width: auto;
                height: auto;
            }
            a:hover{
                background-color: #ed145b;
                color: #fff;
            }
        }
        div.xia{
            width: 209px;
            height: auto;
            overflow: hidden;
            padding-bottom: 10px;
            margin-left: 20px;
            margin-top: 5px;
            a{
                display: block;
                float: left;
                width: 80px;
                height: 40px;
                margin-top: 5px;
                margin-right: 5px;
                border: 1px solid #FBFBFB;
            }
            a:hover{
                color: #ed145b;
                border: 1px solid #ed145b;
            }
            img{
                width: 80px;
                height: 40px;
            }
        }
    }   
}
//二级导航结束

//二级导航右侧
#top4 .r{
    width: 862px;
    height: 789px;
    float:left;
    margin-top: 10px;
    .top{
        width:871px;
        height: 434px;
//      overflow: hidden;
        .l{
            width: 655px;
            height: 435px;
            overflow: hidden;
            position: relative;
            img{
                display: none;
                position: absolute;
                left: 0px;
                top: 0px;
            }
            ul{
                position: absolute;
                left: 535px;
                top: 380px;
                li{
                    width: 15px;
                    height: 15px;
                    background: #999;
                    margin-left: 10px;
                    float: left;
                    border-radius: 15px;
                    
                }
            }
        }
        .r{
            width: 208px;
            height: 435px;
            margin-top: 0;
            .xpic{
               width: 209px;
               height: 143px;
               position: relative;
               overflow: hidden;
               img{
                   position: absolute;
                   left: 0;
                   top: 0;
               }
            }
        }
    }
    .bottom{
        width: 875px;
        height: 352px;
        .nav{
            width: 875px;
            height: 50px;
            position: relative;
            ul{
                width: 875px;
                height: 45px;
                li{
                   font-family: Microsoft YaHei,tahoma,arial,隆炉Hiragino Sans GB',隆炉\5b8b\4f53',sans-serif;
                   color: black;
                   font-size: 15px;
                   width: 119px;
                   height: 48px;
                   float: left;
                   line-height: 48px;
                   text-align: center;
                   font-weight: 700;
                }
            }
            .xian{
                background: black;
                width: 868px;
                height: 2px;
            }
            .sekuai{
                width: 118px;
                height: 7px;
                background: url(../images/bg-img/sekuai.png) no-repeat;
                position: absolute;
                left: 0;
                top: 40px;
            }
        }
        
    }
}
//产品精选区块
#jingxuan{
    width: 1090px;
    height: auto;
    margin: 0 auto;
//  overflow: hidden;
    border: 1px solid red;
    h3.title{
        margin: 0 auto;
        background: url(../images/bg-img/ongoing_title_bg.jpg);
        width: 204px;
        height: 24px;
    }
    .huodong{
        width:1090px;
        height: auto;
        overflow: hidden;
        .hidden{
            width: 1190px;
            height: auto;
            overflow: hidden;
        }
        .content{
           position: relative;
           width: 535px;
           height: 364px;
           float: left;
           margin-right: 5px;
           margin-top: 5px;
           margin-bottom: 5px;
           margin-left: 5px;
           box-shadow: 1px 1px 1px #c4c4c4;
//         opacity: 0;    /*这里一定要用opacity，不能用display:none 因为前台会抓不到*/
           .logo{
                width: 140px;
                height: 61px;
                position: absolute;
                left: 377px;
                top: 270px; 
           }
        }
        .content:hover{
            box-shadow: 0 0 10px #4e4e4e;
        }
        .fangwei{
            width: 41px;
            height: 41px;
            display: block;
            background: url(../images/bg-img/jihe2.png) no-repeat -82px 0;
            position: absolute;
            left: 0;
            top: 0;
        }
        .new{
            width: 41px;
            height: 41px;
            display: block;
            background: url(../images/bg-img/jihe2.png) no-repeat -205px 0; 
            position: absolute;
            left: 41px;
            top: 0;  
        }
        .img{
           width: 535px;
           height: 250px;
           position: absolute;
           left: 0;
           top: 0; 
        }
        .daoshu{
            font-family: 'Microsoft YaHei',tahoma,arial,sans-serif;
            width: 194px;
            height: 26px;
            background-color: #333333;
            position: absolute;
            left: 171px;
            top: 238px;
            line-height: 26px;
            text-align: center;
        }
        .info{
           width: 156px;
           height: 77px;
           position: absolute;
           left: 21px;
           top: 267px; 
           .title{
              width: 143px;
              height: 25px;
              color: #333333;
              font-size: 16px;
              font-weight: 700;
              text-indent: 10px; 
           }
           .des{
              width: 116px;
              height: 18px;
              color: #7c7c7c;
              text-indent: 10px;
              font-size: 14px; 
              margin-left: 120px;
           }
           .cuxiao{
               width: 102px;
               height: 29px;
               font-family: Arial,Helvetica,sans-serif;
               margin-top: 5px;
               font-size: 14px;
               color: #222222;
               text-indent: 10px;
               font-weight: 700;
               span{
                  color: #EF145B;
                  font-size: 18px;
                  font-weight: 700; 
               }
           }
        }
    }
}
//底部信息
#bminfo {
  width: 100%;
  height: 400px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  margin-top: 70px;
  .center{
      width: 1088px;
      height: 260px;
      margin: 0 auto;
  }
  .up{
      width: 1162px;
      height: 140px;
      
      margin: 0 auto;
      margin-top: 40px;
      margin-left: -20px;
      /*overflow: hidden;*/
     a{
        display: block;
        float: left;
        width: 160px;
        height: 140px; 
        p.tu{
              width: 63px;
              height: 63px;
              margin-left: 50px;
              margin-bottom: 20px;
        }
        p.tu.a1{
            background: url(../images/bg-img/footer_new.png) no-repeat 0px 0px;
        }
        p.tu.a2{
            background: url(../images/bg-img/footer_new.png) no-repeat -64px 0px;
        }
        p.tu.a3{
            background: url(../images/bg-img/footer_new.png) no-repeat -128px 0px;
        }
        p.tu.a4{
            background: url(../images/bg-img/footer_new.png) no-repeat -192px 0px;
        }
        p.tu.a5{
            background: url(../images/bg-img/footer_new.png) no-repeat -254px 0px;
        }
        p.tu.a6{
            background: url(../images/bg-img/footer_new.png) no-repeat -316px 0px;
        }
        p.tu.a7{
            background: url(../images/bg-img/footer_new.png) no-repeat -380px 0px;
        }
     }
     p.one{
         color: #000;
         font-size: 16px;
         font-weight: 700;
         text-align: center;
         font-family: "arial,Tahoma,Geneva";
     }
     p.two{
         color: #666666;
         font-size: 14px;
         text-align: center;
         margin-top: 5px;
         font-family: "arial,Tahoma,Geneva";
     }
  }
  .xian{
      background: #000;
      width: 1088px;
      height: 1px;
      background-color: #ccc;
      margin-top: 10px;
      margin-bottom: 30px; 
  }
  .bottom{
      width: 1088px;
      overflow: hidden;
      height: auto;
      margin-top: 20px;
      ul{
         width: 152px;
         height: 166px;
         float: left;
         margin-left: 10px;
         margin-right: 10px; 
         li{
             width: 143px;
             height: 22px;
             color: #666;
             font-size: 12px; 
             line-height: 22px;
         }
         li:hover{
             color: #ea1d5d;
         }
         li.title{
             font-family: tahoma,arial,隆炉Hiragino Sans GB',隆炉\5b8b\4f53',sans-serif;
             color: #666;
             font-size: 14px;
             font-weight: 700;
             margin-bottom: 5px;
         }
      }
      ul.shouji{
         width: 83px;
         height: 137px; 
         li{
            width: 83px;
            height: 19px;
            border: 1px;
            color: #666;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px;
            overflow: hidden; 
         }
         li.tu1{
              width: 78px;
              height: 81px;
              background:url(../images/bg-img/header_corn_new_v2.png) no-repeat -5px -423px;
         }
      }
      ul.wenxin{
          width: 83px;
          height: 137px;
          li{
             width: 83px;
             height: 19px;
             border: 1px;
             color: #666;
             font-size: 14px;
             font-weight: 700;
             margin-bottom: 10px;
             overflow: hidden; 
          }
        .tu2{
              width: 78px;
              height: 81px;
              background:url(../images/bg-img/header_corn_new_v2.png) -85px -423px;
          }
      }
  }
}

//★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

//内容页css开始
#top-d2{
  background: #FFFFFF;
  width: 100%;
  height: 92px;
  position: relative;
  .center{
       width: 960px;
       height: 92px;
       margin: 0 auto;
       position: relative;
       .logo{
            position: absolute;
            left: 0px;
            top: 0px;
            width: 250px;
            height: 88px;
            background: url(../images/bg-img/home_logo.png) no-repeat;
            a{
                 display: block;
                 width: 250px;
                 height: 88px; 
            }
         }
        .cart{
            position: absolute;
            left: 782px;
            top: 29px;
            width: 165px;
            height: 32px;
            background: url(../images/bg-img/maincart.png) no-repeat ;
            line-height: 32px;
            text-indent: 44px;
            position: relative;
            a{
               display: block;
               width: 165px;
               height: 32px;
               color: #565656;
               font-family: "宋体"; 
            }
        }
    }
}
//产品内容信息
#pro-info {
  width: 962px;
  height: 470px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  margin-top: 20px;
  border: 1px solid #eee;
  box-shadow: 0 0 13px 2px #eee;
  padding-bottom: 15px;
  .pro-pic{
      /*包括四张小图和一张中图*/
      width: 380px;
      height: 450px;
      position: absolute;
      left: 5px;
      top: 0px;
      box-shadow: 0 0 3px 2px #eee;
      ul.big_pic_list{
          width: 350px;
          height: 350px;
          position: relative;
          li{
              position: absolute;
              top: 0px;
              left: 0px;
              display: none;
              img{
                  margin: 0 auto;
                  display: block;
                  vertical-align: middle;
                  width: 350px;
                  height: 350px;
              }
          }
      }
      b.fangkuai{
        width: 175px;
        height: 175px;
        background: pink;
        opacity: 0.4;
        filter:alpha(opacity=40);
        position: absolute;
        left: 0px;
        top: 0px;
        display: none;
        z-index: 2;
        }
      #cover{
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 10;
          width: 350px;
          height: 350px;
          z-index: 10;
      }
      .smlpic{
          width: 100%;
          height: 86px;
          margin: 0 auto;
          margin-top: 10px;
          position: relative;
          overflow: hidden;
          a{
              display: block;
              width: 17px;
              height: 60px;
              position: absolute;
              top: 10px;
              border: 1px solid #eee;
              color: #666666;
              font-size: 18px;
              text-align: center;
              cursor: pointer;
              background: transparent url(../images/click_btn.png) no-repeat scroll 0% 0%;
              &.pre{
                  left: 1px;
                  background-position: -20px -121px;
                  &.disabled{
                    background-position: -38px -121px;
                    cursor: default;
                }
              }
              &.next{
                  right: 2px;
                  background-position: -20px -20px;
                   &.disabled{
                       background-position: -38px -20px;
                       cursor: default;
                   }
              }
          }
          .pic_ul{
              width: 337px;
              height: 86px;
              overflow: hidden;
              position: absolute;
              top:0px;
              left: 21px;
              ul{
                  position: absolute;
                  height: 86px;
                  width: 10000px;
                  overflow: hidden;
                  top: 0px;
                  left: 0px;
                  li{
                      float: left;
                      width: 80px;
                      height: 80px;
                      border: 1px solid #EEEEEE;
                      margin: 0 1px;
                      img{
                          width: 80px;
                          height: 80px;
                      }
                      &:hover{
                          border:1px solid @hoverColor;
                      }
                  }
              }
          }
       }
   }
   .biggest_pic{
       position: absolute;
       top: 10px;
       left: 390px;
       width: 400px;
       height: 400px;
       border: 1px solid #D9D9D9;
       z-index: 10000;
       display: none;
       overflow: hidden;
       ul{
           position: absolute;
           top: 0px;
           left: 0px;
           li{
               position: absolute;
               top: 0px;
               left: 0px;
               
           }
       }
   }
    .jingxuan{
       width: 550px;
//     height: 607px;
       position: absolute;
       top:10px;
       left:400px;
      .title{
          width: 303px;
          height: 50px;
          
          p{
              font-family: arial,Tahoma,Geneva,"Microsoft Yahei",sans-serif;
              font-size: 14px;
              font-weight: 400;
              color: #6d6465;
              height: 22px;
              line-height: 22px;
          }
          span{
              color: #9d9c9a;
              font-size: 13px;
              font-weight: 400;
              font-family: arial,Tahoma,Geneva,"Microsoft Yahei",sans-serif;
              height: 24px;
              line-height: 24px;
              display: block;
          }
      }
      .logo{
          width: 186px;
          height: 40px;
          position: absolute;
          left: 400px;
          top: 0px;
          img{
              width: 60px;
              height: 40px;
          }
          p{
              width: 80px;
              height: 18px;
              position: absolute;
              left: 60px;
              top: 0px;
              font-size: 16px;
              color: #666;
              line-height: 20px;
          }
          span{
              width: 80px;
              height: 18px;
              position: absolute;
              left: 60px;
              top: 23px;
              font-size: 13px;
              color: #8d8d8d;
          }
      }
      .des{
          width: 535px;
          height: 145px;
          
          font-size: 16px;
          margin: 15px 0;
          line-height: 166%;
          color: #333;
          font-family: "Microsoft Yahei";
          border-bottom: 1px dotted #dcdcdc;
          span{
              color: #ec2b8c;
          }
      }
      .price{
          width: 540px;
          height: 100px;
          margin-top: 0px;
          position: relative;
          .a1{
              width: 110px;
              height: 31px;
              position: absolute;
              left: 5px;
              top: -12px;
              color: #ec2b8c;
              font-size: 18px;
              margin-right: 5px;
              font-weight: 100;
              .b1{
                  font-size: 28px;
                  color: #ec2b8c;
                  font-weight: 700;
                  vertical-align: -3px;
                  font-family: arial;
              }
              .b2{
                 font-family: arial;
                 font-size: 14px;
                 color: #242424;
                 text-decoration: line-through; 
              }
          }
          .a2{
              width: 63px;
              height: 16px;
              position: absolute;
              left: 460px;
              top: 10px;
              font-family: arial,Tahoma,Geneva,"Microsoft Yahei",sans-serif;
              color: #999;
              font-size: 12px; 
          }
          .a3{
             width: 202px;
              height: 19px;
              position: absolute;
              left: 5px;
              top: 48px;
              font-family: Arial,sans-serif;
              color: #858585;
              font-size: 12px; 
          }
          .color{
                    height: 40px;
                    line-height: 40px;
                    padding-top: 20px;
                    color: #666666;
                    span{
                        float: left;
                    }
                    .attr{
                        float: left;
                        margin-left: 20px;
                        li{
                            margin-top: 7px;
                            float: left;
                            line-height: 26px;
                            border: 1px solid transparent;
                            cursor: pointer;
                            margin-right: 15px;
                            a{
                                border: 1px solid #999999;
//                              line-height: 30px;
                                padding: 5px 10px;
                                color: #000000;
                            }
                        }
                        li:hover{
                            border: 1px solid #E00A50;
                            a{
                                border: 1px solid #E00A50;
                            }
            }
            }
            }
                .size{
                    height: 40px;
                    line-height: 40px;
                    color: #666666;
//                  float: left;
                    span{
                        float: left;
                    }
                    .attr{
                        float: left;
                        margin-left: 20px;
                        li{
                            margin-top: 7px;
                            float: left;
                            line-height: 26px;
                            border: 1px solid transparent;
                            cursor: pointer;
                            margin-right: 15px;
                            a{
                                border: 1px solid #999999;
//                              line-height: 30px;
                                padding: 5px 10px;
                                color: #000000;
                            }
                        }
                        li:hover{
                            border: 1px solid #E00A50;
                            a{
                                border: 1px solid #E00A50;
                            }
                        }
                    }
                }
        }
        .mianshui{
            width: 515px;
            height: 35px;
            margin-top: 10px;
            background: #fbfbfb;
            overflow: hidden;
            padding: 8px 10px;
            border: 1px solid #eee;
            position: relative;
            .a1{
                background: #a788c4;
                width: 25px;
                padding: 3px 6px 1px;
                display: inline-block;
                color: #fff;
                line-height: 125%;
                vertical-align: top;
                margin-right: 10px;
            }
            .a2{
                width: 286px;
                height: 18px;
                position: absolute;
                left: 53px;
                top: 9px;
                color: #858585;
            }
            .a3{
               width: 540px;
               height: 48px;
               position: absolute;
               left: 53px;
               top: 27px; 
            }
        }   
        .buy{
            width: 98px;
            height: 20px;
            margin-top: 10px;
            margin-left: 5px;
            font-size: 14px;
            color: #ec2b8c;
            display: inline-block;
            span{
                  color: #666;
                 }
            }
         .time{
              width: 192px;
              height: 20px;
              margin-top: 10px;
              margin-left: 250px;
              color: #858585;
              font-size: 14px;
              font-family: tahoma,arial,Hiragino Sans GB,微软雅黑;
              display: inline-block;
              span{
                  color: #ec2b8c;
                  overflow: hidden;
                  font-size: 14px;
                  font-family: arial,Tahoma,Geneva,"Microsoft Yahei",sans-serif;
                }
            }        
        .xian{
            width: 538px;
            height: 1px;
            margin-top: 5px;
            border-bottom: 1px dotted #dcdcdc;
        }
        .cart{
            width: 165px;
            height: 40px;
            margin-top: 10px;
            text-align: center;
            line-height: 40px;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            background: url(../images/bg-img/detail_btn.png) no-repeat 0 -26px;
        }
        .cart:hover{
            background: url(../images/bg-img/detail_btn.png) no-repeat -185px -26px;
        }
    }
}

//内容页-详情内容
#details {
  width: 960px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
  margin-top: 20px;
  border: 1px solid #eee;
  box-shadow: 0 0 13px 2px #eee;
  .nav{
       width: 960px;
       height: 53px;
       background: #F6F6F6;
       overflow: hidden;
       font-family: arial,Tahoma,Geneva,"微软雅黑","Microsoft Yahei",sans-serif;
       a{
          display: block;
          float: left;
          padding:0 25px;
          height: 53px;
          border-top: 3px solid #F6F6F6;
          line-height: 53px;
          border-right: 1px solid #e5e5e5;
          text-decoration: none;
          font-size: 14px;
          color: #333; 
       }
       a:hover{
           background: #fff;
           border-top: 3px solid #e42141;
           text-decoration: none;
           color: #e42141;
       }
    }
    .content{
        margin-top: 20px;
        width: 960px;
        height: auto;
        padding-top: 30px;
        .content-bottom{
             width: 960px;
             height: 20px;
             background: #fff;
             border: 1px solid #eee;
             box-shadow: 0 0 3px 0 #eee;
        }
        .share{
            width: 900px;
            height: auto;
            margin: 0 auto;
            margin-bottom: 70px;
           .title{
               display: block;
               width: 100%;
               height: 55px;
               margin: 0 auto;
               background: url(../images/bg-img/detail_content.jpg) no-repeat;
               &.for{
                   background-position: 0px 0px;
               }
               &.allfor{
                   background-position: left -111px;
               }
               &.usefor{
                   background-position: left -210px;
               }
               &.photofor{
                   background-position: left -307px;
               }
               &.commentfor{
                   background-position: left -718px;
               }
           }
           .detail{
               width: 100%;
               height: auto;
               overflow: hidden;
               .commentinfo{
                   width: 720px;
                   height: auto;
                   overflow: hidden;
                   margin: 20px auto 0px;
                   ul.comment_list{
                       li{
                            border-top: 1px dashed #BFBFBF;
                            float: left;
                            margin-bottom: 17px;
                            padding-top: 17px;
                            position: relative;
                            margin-top: -1px;
                            width: 670px;
                            .arrow{
                                background: transparent url(../images/index.png) no-repeat scroll -497px -143px;
                                height: 9px;
                                left: 0px;
                                margin: 8px 0px 0px 54px;
                                overflow: hidden;
                                position: absolute;
                                width: 6px;
                                z-index: 101;
                            }
                            span.valuable{
                                background: transparent url(../images/valuable.png) no-repeat scroll 0% 0%;
                                height: 48px;
                                position: absolute;
                                width: 35px;
                                z-index: 999;
                                right: 2px;
                                top: 17px;
                            }
                            .report{
                                border: 1px solid #FBD0DE;
                                border-radius: 2px;
                                float: left;
                                font-size: 12px;
                                margin-left: 14px;
                                overflow: hidden;
                                position: relative;
                                width: 605px;
                                z-index: 2;
                                .user_info{
                                    background: #FEF1F5 none repeat scroll 0% 0%;
                                    clear: both;
                                    height: 30px;
                                    line-height: 30px;
                                    overflow: hidden;
                                    padding: 0px 0px 0px 15px;
                                    word-wrap: break-word;
                                    .user_name{
                                        line-height: 35px;
                                        color: @hoverColor;
                                    }
                                    img{
                                        margin-top: 4px;
                                        float: left;
                                        height: 22px;
                                        margin-right: 5px;
                                        width: 22px;
                                        border: 0px none;
                                        display: block;
                                    }
                                    .user_attr{
                                        color: #666666;
                                        margin-right: 5px;
                                        line-height: 35px;
                                    }
                                    .rating_wrap{
                                        margin: 8px 36px 8px 0px;
                                        right: 36px;
                                        .rating{
                                            background: transparent url(../images/rating_small.png) repeat-x scroll 0px -77px;
                                            height: 15px;
                                            line-height: 15px;
                                            overflow: hidden;
                                            width: 80px;
                                            .value{
                                                width: 80px;
                                                background: transparent url(../images/rating_small.png) repeat-x scroll 0px -64px;
                                                height: 15px;
                                                overflow: hidden;
                                            }
                                        }
                                    }
                                }
                                .report_content{
                                    padding: 10px 15px;
                                    height: auto;
                                    max-height: 200px;
                                    overflow: hidden;
                                    a.tit{
                                        color: @hoverColor;
                                        font-family: "Hiragino Sans GB","Microsoft Yahei","微软雅黑";
                                        font-size: 16px;
                                        font-weight: 700;
                                    }
                                    .desc{
                                        clear: both;
                                        color: #636363;
                                        line-height: 20px;
                                        font-size: 14px;
                                        margin-top: 5px;
                                        word-break: break-all;
                                        word-wrap: break-word;
                                    }
                                    .gray_f1{
                                        padding-top: 10px;
                                        color: #999;
                                        .txtL{
                                            em{
                                                margin: 0px 6px;
                                                font-style: normal;
                                            }
                                            span.redtxt{
                                                color: @hoverColor;
                                                font-weight: 700;
                                            }
                                        }
                                    }
                                }
                            }
                       }
                   }
               }
           }
        }

    }
}
//内容页-底部信息
#bt-info{
  width: 100%;
  height: 233px;
  margin-top: 20px;
  background: #57214C;
  .center{
       width: 966px;
       height: 233px;
       margin:  0 auto;
       background: url(../images/bg-img/detail-bt.png) no-repeat;
  }
}
//内容页css结束

//列表页css开始
#search-min {
  width: 1090px;
  height: 30px;
  margin: 0 auto;
  margin-top: 5px;
  
      .index{
           width: 71px;
           height: 19px;
           
           float: left;
           line-height: 19px;
           a{
               font-size: 12px;
               font-weight: 700;
               font-family: "脣脦脤氓";
               color: black;
           }
           a:hover{
               color: #ed145b;
           }
      }
      .sanjiao{
          width: 12px;
          height: 15px;
          
          float: left;
          font-family: "脣脦脤氓";
          font-weight: 700;
          color: #333;
      }
      form{
          display: block;
          float: left;
          width: 156px;
          height: 15px;
          position: relative;
          .search{
              display: block;
              color: #000;
              border: solid 1px #e7e7e7;
              width: 156px;
              height: 18px;
              /*background-color: #FFF;*/
          }
          .submit{
              position: absolute;
              left: 135px;
              top: 1px;
              width: 22px;
              height: 20px;
              background: url(../images/bg-img/fangdajing.jpg) no-repeat;
              border: none;
          }
      }
  }
//筛选模块开始
#choose {
  background-color: #fff;
  width: 1090px;
  height: 336px;
  margin: 0 auto;
  border: 2px solid #F2F2F2;
  h3.title{
      width: 100%;
      height: 43px;
      line-height: 43px;
      font-size: 14px;
      text-indent: 10px;
      border-bottom: 2px solid #F2F2F2;
      span{
          color: #ed145a;
      }
   }
   .share{
       width: 1090px;
       height: 72px;
       border-bottom: 2px solid #F2F2F2;
       .title{
            font-size: 12px;
            font-weight: 700;
            color: #333;
            background-color: #FBFBFB;
            margin-right: 20px;
            width: 34px;
            height: 20px;
            margin-top: 14px;
            margin-left: 10px;
            float: left;
       }
       .name{
           width: 868px;
           height: 50px;
           
           float: left;
           margin-top: 10px;
           a{
              font-size: 12px;
              color: #666;
              display: block;
              float: left;
              /*width: 84px;*/
              padding: 0 10px;
              height: 25px;
              line-height: 25px;
              margin-right: 20px;
              margin-bottom: 10px;
              font-family: Tahoma,Geneva,sans-serif; 
           }
           a:hover{
               color: #ed145b;
           }
           a.cur{
                background: #ED145B;
                color: #fff;
           }
       }
       .duoxuan{
           background: url(../images/bg-img/duoxuan.jpg) no-repeat;
           display: block;
           width: 51px;
           float: left;
           height: 20px;
           margin-top: 10px;
       }
       .zhankuai{
           width: 40px;
           height: 22px;
           
           float: left;
           margin-top: 12px;
           margin-left: 15px;
           a{
               display: block;
               float: left;
               color: #ed145b;
               text-decoration: none;
               height: 20px;
               color: #666;
               font-size: 12px;
           }
           a:hover{
               color: #ed145b;
           }
           b{
               background: url(../images/bg-img/sanjiao-xia.png) no-repeat;
               width: 8px;
               height: 4px;
               display: block;
               margin-top: 5px;
               margin-left: 5px;
               float: left;
           }
       }
   }
}
#liebiao {
  width: 1090px;
  height: 988px;
  margin: 10px auto;
  /*margin-top: 10px;*/
  border: 1px solid #ddd;
  box-shadow: 0 0 1px 1px #ddd;
  .condition{
      width: 100%;
      height: 32px;
      overflow: hidden;
  }
  .paixu{
      height: 32px;
      width: 90px;
      line-height: 32px;
      float: left;
      text-align: center;
      font-weight: 700;
      color: #333;
      font-size: 12px;
      border-right: 1px solid #E7E3E3;
      border-bottom: 1px solid #E7E3E3;
  }
  .guize{
      height: 32px;
      width: 572px;
      line-height: 32px;
      float: left;
      color: #333;
      font-size: 12px;
      a{
          height: 32px;
          width: 86px;
          display: block;
          text-indent: 25px;
          float: left;
          border-right: 1px solid #E7E3E3;
          /*border-bottom: 1px solid #E7E3E3;*/
          color: #727272;
          background: url(../images/bg-img/xiajiantou-1.png) no-repeat 58px 13px;
      }
      a.click{
          color: #ed145b;
          background: #fff url(../images/bg-img/xiajiantou-2.png) no-repeat 58px 13px;
          border-bottom: none;
      }
      a:hover{
          color: #ed145b;
          background: url(../images/bg-img/xiajiantou-2.png) no-repeat 58px 13px;
      }
      a.tu2{
         background: url(../images/bg-img/price_sort_default_1.png) no-repeat 58px 13px; 
      }
      a.tu2:hover{
         background: url(../images/bg-img/p_s_hover.png) no-repeat 58px 13px; 
      }
      a.uptime{
         text-indent: 15px;
         color: #727272;
         background: url(../images/bg-img/xiajiantou-1.png) no-repeat 68px 13px;
      }
     a.uptime:hover{
        color: #ed145b;
        background: url(../images/bg-img/xiajiantou-2.png) no-repeat 68px 13px;
     } 
     a.temai{
         background: url();
         text-indent: 27px;
         position: relative;
     }
     a input{
          display: inline;
          position: absolute;
          left: 7px;
          top: 10px; 
     }
  }
  .all-pro{
      height: 32px;
      line-height: 32px;
      float: left;
      font-size: 12px;
      color: #666;
      margin-left: 151px;
      position: relative;
      span{
          color: #ed145a;
      }
      .shuxian{
          height: 20px;
          width: 1px;
          display: block;
          background-color: #DFDDDE;
          position: absolute;
          left: 80px;
          top: 6px;
      }
  }
  .page{
      height: 32px;
      line-height: 32px;
      float: left;
      margin-left: 17px;
      a{
         font-size: 12px;
         color: #666; 
      }
      a:hover{
          font-size: 12px;
          color: #ea1d5d;
      }
      .nowpage{
          height: 32px;
          float: left;
          font-size: 12px;
          color: #666;
      }
      .uppage{
          height: 32px;
          float: left;
          font-size: 13px;
          color: #666;
          margin-left: 15px;
      }
      .nextpage{
          height: 32px;
          float: left;
          font-size: 13px;
          color: #666;
          margin-left: 20px; 
      }
   }
   .pro-show{
       width: 1090px;
       height: auto;
       overflow: hidden;
       background-color: #fff;
       .pro{
             width: 266px;
             height: 432px;
             position: relative;
             float: left;
             font-size: 12px;
             font-family: "脣脦脤氓";
             margin-left: 5px;
             margin-bottom: 5px;
             .mianshui{
                 width: 90px;
                 height: 70px;
                 position: absolute;
                 left: 17px;
                 top: 15px;
                 z-index: 3;
                 background: url(../images/bg-img/search_jisu1.png) no-repeat;
             }
             .pro-img{
                 width: 240px;
                 height: 240px;
                 position: absolute;
                 left: 17px;
                 top: 29px;
             }
             .pro-name{
                 width: 248px;
                 height: 21px;
                 position: absolute;
                 left: 17px;
                 top: 269px;
                 span{
                     color: #ed145a;
                     font-weight: 700;
                     font-size: 12px;
                     font-family: "脣脦脤氓";
                 }
                 a{
                     text-decoration: none;
                     font-size: 12px;
                     font-family: Tahoma,Geneva,sans-serif;
                     color: #444;
                 }
                 a:hover{
                     color: #ed145b;
                 }
             }
             .price{
                 width: 92px;
                 height: 28px;
                 position: absolute;
                 left: 17px;
                 top: 311px;
                 color: #f42468;
                 font-size: 18px;
                 font-family: arial;
                 span.a1{
                     font-size: 24px;
                     color: #f42468;
                     font-family: arial;
                 }
                 span.a2{
                     font-weight: 400;
                     color: #888;
                     font-size: 12px;
                     text-decoration: line-through;
                     font-family: Tahoma;
                 }
             }
             .buy-time{
                 width: 228px;
                 height: 18px;
                 position: absolute;
                 left: 17px;
                 top: 354px;
                 .a1{
                     color: #787878;
                     font-size: 12px;
                     font-family: Tahoma,Geneva,sans-serif;
                 }
                 .a2{
                      color: #5a5a5a;
                      height: 20px;
                      font-family: Tahoma;
                      font-weight: 700;
                 }
             }
             .cart{
                 width: 90px;
                 height: 30px;
                 position: absolute;
                 left: 17px;
                 top: 385px;
                 background: url(../images/bg-img/cart.png) no-repeat;
             }
          }
       .pro:hover{
             box-shadow: 2px 2px 10px #666;
         }
     }
 }
//产品列表结束

//搜索护肤产品的用户最终购买 开始
#buy{
    width: 1090px;
    height: auto;
    margin: 0 auto;
    h3.title{
        color: #fff;
        width: 1090px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        background: #313131;
        text-indent: 36px;
    }
    .all-pro{
        width: 1090px;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        margin-bottom: 10px;
        .pro{
            width: 265px;
            height: 355px;
            float: left;
            margin-left: 5px;
            margin-bottom: 5px;
            .show-pic{
                width: 240px;
                height: 240px;
                margin: 0 auto;
                margin-top: 28px;
                display: block;
                
            }
            a.pro-name{
                width: 162px;
                height: 12px;
                display: block;
                color: #444;
                font-size: 12px;
                line-height: 12px;
                font-family: "脣脦脤氓";
                margin-left: 20px;
                margin-top: 10px;
                
            }
            a.pro-name:hover{
                color: #ed145b;
                text-decoration: none; 
            }
            .price{
                width: 152px;
                height: 30px;
                margin-top: 15px;
                font-size: 18px;
                color: #f42468;
                font-family: arial;
                margin-left: 20px;
                .a1{
                    font-size: 24px;
                    color: #f42468;
                    font-family: arial;
                }
                .a2{
                    font-size: 12px;
                    text-decoration: line-through;
                    font-weight: 400;
                    color: #888;
                    font-family: Tahoma;
                }
            }
            .comment{
                  width: 100px;
                  height: 17px;
                  font-family: Tahoma,Geneva,sans-serif;
                  font-size: 12px;
                  color: #666;
                  margin-left: 20px;
                  margin-top: 5px;
                  text-indent: 22px;
                  position: relative;
                  b{
                      display: block;
                      position: absolute;
                      left: 5px;
                      top: 0px;
                      width: 11px;
                      height: 12px;
                      background: url(../images/bg-img/mallsearchbg_v3.jpg) no-repeat -86px -32px;
                  }
             }
        }    
    }
}
//搜索全部开始
#search-all {
  width: 1090px;
  height: 126px;
  margin: 0 auto;
  overflow: hidden;
  background: #EEE;
  .top{
       margin-top: 39px;
       margin-left: 20px;
       width: 806px;
       height: 41px;
       span{
           float: left;
           display: inline;
           font-family: "Microsoft YaHei";
           font-size: 14px;
           width: 60px;
           height: 33px;
           line-height: 33px;
           
       }
       form{
           width: 650px;
           height: 33px;
           display: block;
           float: left;
           position: relative;
           
          .search{
              width: 550px;
              height: 27px;
              display: block;
              float: left;
              
          }
          .submit{
              display: block;
              margin-top: -2px;
              margin-left: -1px;
              float: left;
              width: 40px;
              height: 33px;
              background: url(../images/bg-img/mallsearchbg_v3.jpg) -31px 0;
              /*text-indent: -99999px;*/
              
          }
          .talk{
              width: 16px;
              height: 23px;
              position: absolute;
              left: 528px;
              top: 6px;
              
          }
       }
    }
    a.koubei{
          font-family: Tahoma,Geneva,sans-serif;
          display: block;
          color: #666;
          font-size: 12px;
          margin-left: 80px;
    }
    a.koubei:hover{
        display: block;
        color: #ed145b;
    }
}
//您最近查看的商品开始
#last{
     margin: 0 auto;
     width: 1090px;
     height: auto;
     background: #fff;
     margin-top: 15px;
     h3.title{
         color: #fff;
         width: 1090px;
         height: 35px;
         line-height: 35px;
         font-size: 14px;
         background: #313131;
         text-indent: 36px;
     }
     .main{
          width: 1090px;
          height: 334px;
          margin-top: 15px;
          margin-left: 15px;
          
          font-size: 12px;
          .l{
              width: 224px;
              height: 334px;
              float: left;
              
             h3{
                 width: 100%;
                 list-style: 33px;
                 
                 text-indent: 12px;
                 font-size: 12px;
                 background: #eee;
                 color: #666;
                 height: 30px;
                 line-height: 30px;
             }
             .jilu{
                 width: 239px;
                 height: 302px;
                 .pro{
                     width: 222px;
                     height: 100px;
                     position: relative;
                     border-bottom: dashed 1px #ccc;
                     img{
                         width: 44px;
                         height: 44px;
                         
                         position: absolute;
                         left: 18px;
                         top: 16px;
                     }
                     .a1{
                         width: 130px;
                         height: 40px;
                         
                         line-height: 18px;
                         position: absolute;
                         left: 89px;
                         top: 7px;
                         color: #333;
                     }
                     .a2{
                         width: 47px;
                         height: 13px;
                         
                         position: absolute;
                         left: 90px;
                         top: 55px;
                         color: #333;
                         font-family: arial;
                         color: #ed145a;
                     }
                     .a3{
                          width: 55px;
                          height: 19px;
                          
                          position: absolute;
                          left: 90px;
                          top: 75px;
                          color: #999;
                     }
                 }
             }
          }
          .r{
              width: 833px;
              height: 333px;
              float: left;
              margin-left: 5px;
              
             h3{
                 width: 100%;
                 list-style: 33px;
                 
                 text-indent: 12px;
                 font-size: 12px;
                 background: #eee;
                 color: #666;
                 height: 30px;
                 line-height: 30px;
              }
              .pro4{
                  width: 833px;
                  height: 304px;
                  position: relative;
                  
                  font-size: 12px;
                  font-family: Tahoma,Geneva,sans-serif;
                  .zuo{
                      width: 27px;
                      height: 52px;
                      
                      position: absolute;
                      left: 0px;
                      top: 134px;
                      background: url(../images/bg-img/hui-sanjiao1.png) no-repeat ;
                  }
                  .you{
                      width: 27px;
                      height: 52px;
                      
                      position: absolute;
                      left: 791px;
                      top: 134px;
                      background: url(../images/bg-img/hui-sanjiao2.png) no-repeat ;
                  }
                  .zuo:hover{
                      background: url(../images/bg-img/hei-sanjiao1.png) no-repeat ;
                  }
                  .you:hover{
                      background: url(../images/bg-img/hei-sanjiao2.png) no-repeat ;
                  }
                  .pro{
                      width: 170px;
                      height: 234px;
                      float: left;
                      margin-left: 27px;
                      
                  }
                  a.img{
                      width: 149px;
                      height: 117px;
                      display: block;
                      
                  }
                  h3{
                     width: 172px;
                     height: 35px;     
                     color: #333;
                     font-size: 12px;
                     line-height: 14px;
                     background-color: white;
                     margin: 0;
                     padding: 0;
                     text-indent: 0px; 
                     a{
                         color: #333;
                         font-family: Tahoma,Geneva,sans-serif;
                         font-weight: 400;
                         text-indent: 0; 
                     }
                  }
                  span{
                      width: 172px;
                      height: 17px;
                      color: #ed145a;
                      font-weight: 700;
                      font-family: arial;
                  }
                  div{
                     width: 172px;
                     height: 17px;
                     color: #888; 
                  }
              }
          }
     }
}
#join-success {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
      #success-box {
      height: 180px;
      width: 40%;
      background: #FFFFFF;
      position: relative;
      margin: 0 auto;
      margin-top: 15%;
      box-shadow: 2px -1px 15px white;
      .success {
          height: 50px;
          line-height: 50px;
          font-size: 20px;
          padding: 30px 80px;
          font-family: "微软雅黑";
          .success-logo {
              height: 32px;
              width: 32px;
              margin-top: 9px;
              display: block;
              float: left;
              background: url(../images/1.png) no-repeat 0px -162px;
              margin-right: 20px;
            }
        }
      .where {
          float: right;
          padding-right: 50px;
          a {
              float: left;
              display: block;
            }
          .go-pay {
              height: 40px;
              width: 100px;
              background-color: #ED415B;
              line-height: 40px;
              color: #FFFFFF;
              font-size: 14px;
              text-align: center;
              margin-left: 10px;
              font-family: "微软雅黑";
            }
           .go-pay:hover {
              background-color: #E42141;
            }
            .go-on {
              margin-top: 20px;
              color: #ED2062;
              font-weight: 700;
            }
            .go-on:hover {
              text-decoration: underline;
            }
        }
        .close {
          display: block;
          height: 20px;
          width: 20px;
          background: url(../images/ibar_sprites.png) no-repeat 0px -272px;
          position: absolute;
          top: 9px;
          right: 9px;
          cursor: pointer;
        }
    }
}
.join-car {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: "microsoft yahei";
  width: 165px;
  display: block;
  margin-top: -5px;
  background: url(../images/detail_btn.png) no-repeat 0px -26px;
}
.null{
  background: url(../images/detail_btn.png) no-repeat 0px -106px!important;
}
.join-car:hover {
  background: url(../images/detail_btn.png) no-repeat -185px -26px;
}

.onclick{
  border: 1px solid #E00A50!important;
}
.onclick a{
  border: 1px solid #E00A50!important;
}

